import {Col, Row, Stack} from 'react-bootstrap';
import {Outlet} from 'react-router-dom';
// import store from '@/store';
import Aside from '@/modules/Aside';
import Header from '@/modules/Header';
import style from './app.module.scss';


function App() {
    return (
        <Stack className={style['app-root-wrapper']}>
            <Header />

            <Row as='main' className='tw-flex-1 tw-overflow-hidden'>
                <Col className='tw-h-full'><Outlet /></Col>
                <Col
                    className='d-none d-md-block'
                    style={{marginLeft: '10px'}}
                    md={{span: 5}}
                ><Aside /></Col>
            </Row>
        </Stack>
    );
}

export default App;
